<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>哔哩哔哩 (゜-゜)つロ 干杯~-bilibili</title>
    </head>
    <body>
        <!--    注释的快捷键 ctrl+/

            HTML常用组件(常用标签)
            <h1-h6>标签:标题，标题独占一行
            <center>标签:该标签中的内容都在页面上居中显示(HTML5中已经不再建议使用了)
            <input>标签:输入组件，用于获取用户在浏览器上输入的信息
                       输入组件有多种样式，由属性type决定。
                       常见的输入组件有：
                       type="text":文本输入框
                       type="password":密码输入框
                       type="button":按钮
                       type="radio":单选框
                       type="checkbox":复选框
            <a>标签:超链接
                    开始与结束标签中间的文本为超链接上显示的文字
                    属性href用于指定点击该超链接后跳转的路径
         -->
        <center>
            <h1>百度</h1>
            <input type="text" size="32">
            <input type="button" value="百度一下">
            <!-- 单选框和复选框是靠name属性分组的，只有name属性值相同的单选框或复选框被
                 划分为一组-->
            <input type="radio" name="gender">男 <input type="radio" name="gender">女
            <br>
            <!--
                例如：
                当我们访问当前index.html时，浏览器输入的路径:
                http://192.168.1.2:8080/index.html

                在index.html页面上定义了下面的超链接:
                <a href="/classtable.html">课程表</a>
                在该超链接的访问路径中，从"/"开始，而不是从"http://"开始时，此时的"/"
                表达的是URL中资源抽象路径的最开始的"/"，相当于是忽略了协议名称和主机地址信息
                那么浏览器实际请求时会沿用请求当前index页面时的协议名称和主机地址信息
                所以，实际点击该超链接时，浏览器实际请求的路径为:
                http://192.168.1.2:8080/classtable.html
             -->
            <a href="/classtable.html">课程表</a>
            <a href="/reg.html">用户注册</a>
            <a href="/login.html">用户登录</a>
            <!--
                http://192.168.1.2:8080/userList
             -->
            <a href="/userList">用户列表</a>
            <br>
            <a href="http://www.taobao.com">淘宝</a>
            <br>
            <table border="1">
                <tr>
                    <td>第一列</td>
                    <td>第二列</td>
                    <td colspan="2" align="center">第三列</td>
                </tr>
                <tr>
                    <td>第一列</td>
                    <td rowspan="2">第二列</td>
                    <td>第三列</td>
                    <td>第四列</td>
                </tr>
                <tr>
                    <td>第一列</td>
                    <td>第三列</td>
                    <td>第四列</td>
                </tr>
                <tr>
                    <td>第一列</td>
                    <td>第二列</td>
                    <td>第三列</td>
                    <td><a href="http://www.jd.com">京东</a></td>
                </tr>
            </table>
        </center>
    </body>
</html>